<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Tm3ls1CZEB31QTQYIogqliO0g0E0q6ke"></script>
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 
	<title>运动健身</title>
</head>

<body>
	<div id="allmap"></div>
	
	
	
	
	


<script type="text/javascript">
var urls = window.location.href;

$.get("/life/hcConfig", { url: urls },function(data){
    //alert("Data Loaded: " + data);



wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: data.appId, // 必填，公众号的唯一标识
    timestamp: data.timestamp, // 必填，生成签名的时间戳
    nonceStr: data.nonceStr, // 必填，生成签名的随机串
    signature: data.signature,// 必填，签名，见附录1
    jsApiList: ['chooseImage','uploadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});


//var latitude;
//var longitude;
//wx.getLocation({
    //type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
    //success: function (res) {
       // latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
       // longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
   // }
//});
//alert(document.documentElement.clientHeight);
//alert(document.documentElement.clientWidth);


	// 百度地图API功能
	var map = new BMap.Map("allmap");  // 创建Map实例
	map.centerAndZoom(new BMap.Point(121.92919677683, 30.904896057414), 18);
	map.enableScrollWheelZoom(true);
	// 用经纬度设置地图中心点
	//function theLocation(){
		//if(longitude!= "" && latitude != ""){
			//map.clearOverlays(); 
			//var new_point = new BMap.Point(longitude,latitude);
			//var marker = new BMap.Marker(new_point);  // 创建标注
			//map.addOverlay(marker);              // 将标注添加到地图中
			//map.panTo(new_point);      
		//}
//}
	setTimeout(function(){
		map.setZoom(14);   
	}, 2000);  //2秒后放大到14级
	map.enableScrollWheelZoom(true);
	
	map.addEventListener("click",function(e){
		//alert('位置'+e.point.lng + "," + e.point.lat);
	});
	
	
	// 定义一个控件类,即function
	function ZoomControl(){
	// 默认停靠位置和偏移量
	this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
	this.defaultOffset = new BMap.Size(150, 400);
	}


	// 通过JavaScript的prototype属性继承于BMap.Control
	ZoomControl.prototype = new BMap.Control();


	// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
	// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
	ZoomControl.prototype.initialize = function(map){
	// 创建一个DOM元素
	var div = document.createElement("button");
	// 添加文字说明
	div.appendChild(document.createTextNode("运动健身"));
	// 设置样式
	
	
    
    
	
	div.id="lalla";
	div.setAttribute('class','btn btn-success');
	//div.style="width:300px;height:150px";
	
	
	
	
	
	// 绑定事件,点击一次放大两级
	div.onclick = function(e){
		var images = {  
		        localId: [],  
		        serverId: []  
		    };  
		var serverIds=new Array();
		var localIds=new Array();
		    wx.chooseImage({
		            success: function(res) {  
		            	localIds = res.localIds;  
		                //alert('已选择 ' + res.localIds.length + ' 张图片');  
		  
		                if (localIds.length == 0) {  
		                    alert('请拍摄或选择一张图片上传');  
		                    return;  
		                }else if(localIds.length >1){
		                	 alert('请拍摄或选择一张图片上传');  
			                    return; 
		                }  
		                var i = 0, length = 1;  
		               /*  images.serverId = [];   */
		                function upload() {  
		                    wx.uploadImage({  
		                        localId: localIds[i],  
		                        success: function(res) {  
		                            i++;
		                            
		                            alert('已上传：' + i + '/' + length);
		                            if(i==1){
		                            	$("#lalla").hide();
		                            }
		                            serverIds.push(res.serverId);
		                            //alert(res.serverId)
		                            $.post("/life/upload",  {"serverIds":res.serverId},
		                  		          function(data){
		                  		          //alert("Data Loaded: " + data.rs);
		                  		          if("Y"==data){
		                  		        	  alert("生命在于运动，加油//勤学金＋10元//＋100%执行能力//＋100%信誉度");
		                  		          }
		                  			})
		                            
		                            if (i < length) {  
		                                upload();  
		                            }  
		                        },  
		                        fail: function(res) {  
		                            //alert(JSON.stringify(res));  
		                        }  
		                    });  
		                }  
		                upload();  
		            }  
		        });  
		
	}
	
	// 添加DOM元素到地图中
	map.getContainer().appendChild(div);
	// 将DOM元素返回
	return div;
	}
	// 创建控件
	var myZoomCtrl = new ZoomControl();
	// 添加到地图当中
	map.addControl(myZoomCtrl);
	
	
});
</script>
</body>
</html>